<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript">
	</script>
    <script type="text/javascript">
	//it will show the corresponding lat and lon on the clicked point using marker and info window//
            var map;
			var a;
			var b;
			var i=0;
			function initialize() 
			{
				if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(43.7187411617, -79.5207032561), 15);

    // ground overlay
    var boundaries = new GLatLngBounds(new GLatLng(43.7187295304,-79.5308266377), new GLatLng(43.71975113397,-79.52128797769));
    var oldmap = new GGroundOverlay("smart-car.jpg", boundaries);
   // map.addControl(new GSmallMapControl());
    //map.addControl(new GMapTypeControl());
    map.addOverlay(oldmap);

				map.setUIToDefault();
			}
		}


    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
		<div id="map_canvas" style="width: 1200px; height: 800px"></div>
  </body>
</html>